<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Taco Cloud</title>
    <style>
        html{
            width: 100%;
            height: 100%;
            font-style: sans-serif;
        }
        body{
            width: 100%;
            height: 100%;
            font-family: 'Open Sans',sans-serif;
            margin: 0;
            background-color: #dfdfdf;
        }
        .we{
            position: absolute;
            top:50%;
            left:50%;
            margin: -200px 0 0 -300px;
            width: 600px;
            height: 400px;
            background-color: white;
            border-radius: 10px;
            box-shadow: #56536A ;
        }
        .in{
            position: absolute;
            top:50%;
            left:50%;
            margin: -150px 0 0 -250px;
            width: 500px;
            height: 300px;
        }
        .pic{
            width: 300px;
            height: 70px;
            margin-bottom: 10px;
            position: absolute;
            left:50%;
            top: 10%;
            margin-left: -150px;

        }
        .a{
            width: 225px;
            height: 40px;
            position: absolute;
            top:80%;
            left:50%;
            margin-top: -50px;
            margin-left: -112px;
            text-align: center;
            line-height: 40px;
            background-image: linear-gradient(to bottom right, #4c3a0e, #b09f7c);
            border-radius: 15px;
        }
        .select{
            font-size: 20px;
            text-decoration:none;
            color: #959695;
        }
        .lo{
           width: 150px;
           height: 25px;
            position: absolute;
           top: 0;
            right: 0;
        }
        .ls{
            border: none;
            background-color:  #dfdfdf;
            position: absolute;
          right: 0;
            top: 5px;
        }
    </style>
</head>
    <body>
        <div class="we">
            <div class="in">
                <img th:src="@{/images/login.png}" th:name="pic" name="pic" class="pic"></br>

                <div class="a">
                    <a th:href="@{/studentInformation/current}" id="studentInformation/current" class="select">Select Class</a>
                </div>
            </div>
        </div>

        <form method="POST" th:action="@{/logout}" id="logoutForm">
            <div class="lo">
                <input type="submit" value="Logout" class="ls"/>
            </div>



        </form>
    </body>
</html>